<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 lazy " lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 lazy " lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 lazy " lang="en"> <![endif]-->
<html>
<head>
<meta charset="UTF-8">
<title>华农国际学院_en</title>
<link href="http://localhost:888/install_package/statics/css/common.css" rel="stylesheet" >
<link href="http://localhost:888/install_package/statics/css/index.css" rel="stylesheet" >
<script language="JavaScript" src="http://localhost:888/install_package/api.php?op=count&id=&modelid="></script>
</head>

<body>
<div id="box">
<header>
<div id="header" class="w1000 mc">
   <a href="#">
   <div class="logo">
      <img src="http://localhost:888/install_package/statics/images/logo.png">
   </div>
   <div class="logo_txt fl">
      <img src="http://localhost:888/install_package/statics/images/logo_txt.png">
   </div>
   </a>
   <div class="header_l fr">
      <div class="language fr">
         <a class="cn fl" href="http://localhost:888/install_package/" title="中文版">中文</a>
         <a class="en fr" href="http://localhost:888/guojicollege_english/" title="ENGLISH">ENGLISH</a>
         <div class="clear"></div>
      </div>
      <div class="clear"></div>
      <div class="search">
      <form action="http://localhost:888/install_package/index.php" method="get" target="_blank">
        <input type="hidden" name="m" value="search"/>
        <input type="hidden" name="c" value="index"/>
        <input type="hidden" name="a" value="init"/>
        <input type="hidden" name="typeid" value="" id="typeid"/>
        <input type="hidden" name="siteid" value="2" id="siteid"/>
         <input name="q" id="q" class="search_input fl" type="text">
         <input class="search_btn fr" type="submit" value="" class="button">
         <div class="clear"></div>
      </form>
      </div>
   </div>
   <div class="clear"></div>
</div>
</header>

<nav>
<div id="nav" class="w100p">
   <ul class="nav w1000 mc">
   
    <li><a href="http://localhost:888/guojicollege_english"><span>首页</span></a></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=120">About    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=121">Admission    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=122">Download    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=123">One Application    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=124">Living Information    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
    
    <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=125">Contact Us    </a>

    <ul>
            

      <div class="clear"></div>
   </ul></li>
           </ul>
</div>
</nav>
<section>
<div id="banner" class="mc w1000">
   <ul class="bigpic">
                  <li>  
         <a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=111&id=1">
             <img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805050554476.jpg" width="1000" height="343" alt="合办项目">
             <p>合办项目</p>
         </a>
      </li>
            <li>  
         <a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=111&id=2">
             <img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805063109495.jpg" width="1000" height="343" alt="合办项目2">
             <p>合办项目2</p>
         </a>
      </li>
            <li>  
         <a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=111&id=3">
             <img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805063408344.jpg" width="1000" height="343" alt="合办项目3">
             <p>合办项目3</p>
         </a>
      </li>
                </ul>
   <ul class="doc">
      <li></li>
      <li></li>
      <li></li>
      <div class="clear"></div>
   </ul>
</div>
</section>
<section>
<div id="index_main" class="w1000 mc">
    <div class="index_main_l fl">
       <div class="index_list fl">
          <div class="index_list_t">
              <h2>学院新闻</h2>
              <a href="#">更多</a>
          </div>
                     <ul>
                         <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=106&id=75">学院新闻</a></li>
                         </ul>
                  </div>
       <div class="index_list fl" style="margin-left:28px;">
          <div class="index_list_t">
              <h2>项目信息</h2>
              <a href="#">更多</a>
          </div>
                     <ul>
                         <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=107&id=76">项目信息</a></li>
                         </ul>
                  </div>
       <div class="index_list fl" style="padding-top:40px;">
          <div class="index_list_t">
              <h2>通知公告</h2>
              <a href="#">更多</a>
          </div>
                     <ul>
                         <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=104&id=78">通知2</a></li>
                            <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=104&id=74">通知1</a></li>
                         </ul>
                  </div>
       <div class="index_list fl" style="padding-top:40px;margin-left:28px;">
          <div class="index_list_t">
              <h2 style="width:130px;">规章制度/办事指南</h2>
              <a href="#">更多</a>
          </div>
                     <ul>
                         <li><a href="http://localhost:888/install_package/index.php?m=content&c=index&a=show&catid=108&id=77">规章制度</a></li>
                         </ul>
                  </div>
       <div class="clear"></div>
    </div>
    <div class="index_main_r fr">
        <a class="bm_btn bm_active" href="http://localhost:888/install_package/index.php?m=content&c=index&a=lists&catid=110">中外合作办学项目<br>报名系统</a>
        <a class="bm_btn" href="#">留学生报名系统</a>
        <div class="message index_border">
            <div class="message_t">
                <h3>华南农业大学国际教育学院</h3>
            </div>
            <div class="message_ew">
                <span>官方微信</span>
                <p><img src="http://localhost:888/install_package/statics/images/q.jpg"></p>
                <div class="clear"></div>
            </div>
            <div class="message_mail">
                <h3>国际教育学院邮箱 ：</h3>
                <p><a href="#">cie@scau.edu.cn</a></p>
            </div>
            <div class="message_mail" style="border-bottom:none;">
                <h3>学院办公室电话：</h3>
                <p style="font-size:13px;">020-85286285</p>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    <!--滚动图-->
    <div class="picroll index_border">
        <div class="cutroll mc">
          <ul>
                  
             <li><img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805063919292.jpg" width="100%"></li>
             
             <li><img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805064054495.jpg" width="100%"></li>
                              </ul>
          <div class="clear"></div>
        </div>
        <div class="arrow al"><img src="http://localhost:888/install_package/statics/images/arrow_l.jpg"></div>
        <div class="arrow ar"><img src="http://localhost:888/install_package/statics/images/arrow_r.jpg"></div>
    </div>
</div>
</section>

<section>
<div id="index_link" class="w1000 mc">
   <div class="link_title">
       <img src="http://localhost:888/install_package/statics/images/link_bg.jpg">
   </div>
   <div class="link_main index_border">
                            <a href="#"><img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805065232583.jpg"></a>
                    <a href="#"><img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805065317357.jpg"></a>
                    <a href="#"><img src="http://localhost:888/install_package/uploadfile/2015/0805/20150805065339821.jpg"></a>
                       </div>
</div>
</section>

<footer>
<div id="footer" class="w100p">
   <div class="footer w1000 mc">
       <p>SCAU Copyright ©  2012 国际教育学院.All rights reserved. </p>
       <p>地址:广东省天河区五山路486号 邮编:510642 </p>
       <p><span>Tel:+8620 85283482</span> <span>+8620 38675621</span> <span>Fax:+8620 85283114</span> <span>E-Mail:cie@scau.edu.cn</span></p>
       <a href="#">后台管理</a>
   </div>
</div>
</footer>
</div>

<script src="http://localhost:888/install_package/statics/js/jquery.min.js"></script> 
<script>
$(function(){
	//幻灯片轮播
	var aImg = $('.bigpic li');	
	var aDoc = $('.doc li');
	var iSize = aImg.length;		
	var index = 0;		
	var t;
	
	aImg.css({'opacity':0,'z-index':1});
	aImg.eq(0).css({'opacity':1,'z-index':2});
	aDoc.eq(0).css('background-color','#741d0f');
	//切换过程
	function change(index){
		aImg.stop();
		//隐藏除了当前元素，所以图像
		aImg.eq(index).siblings().animate({
			opacity:0
		},1000,function(){
		   aImg.eq(index).siblings().css('z-index',1)	
		})
		aDoc.eq(index).siblings().css('background-color','#fff');
		//显示当前图像
		aImg.eq(index).animate({
			opacity:1
		},1000,function(){
			aImg.eq(index).css('z-index',2);
		})
		aDoc.eq(index).css('background-color','#741d0f');
	}
	function autoshow() {
		index=index+1;
		if(index<iSize){
		   change(index);
		}else{
			index=0;
			change(index);
		}	
	}
	
	var int=setInterval(autoshow,5000);
	
	$('.banner').mouseenter(function() {
		clearInterval(int);
	});
	$('.banner').mouseleave(function() {
		int=setInterval(autoshow,5000);
	});
	
	aDoc.click(function(){
	   change(aDoc.index(this));
    });
	
	//图片滚动
	var oRoll = $('.cutroll');
	var oRollUl = $('.cutroll ul');
	
	var i = 0;
	var html = oRollUl.html() + oRollUl.html();
	oRollUl.html(html);
     
	var arrow = 'left';
	
	$('.al').click(function(){
	   	arrow = 'left';
	});
	$('.ar').click(function(){
	   	arrow = 'right';
	});
	
	function roll(){
		if(arrow == 'left'){
		   i--;	
		   oRollUl.css('margin-left',i)
		   if(i <= -(aRollLi.width()+8)*aRollLi.length/2){
				i = 0;
		   }
		}else if(arrow == 'right'){
		   i++;	
		   oRollUl.css('margin-left',i)
		   if(i >= 0){
			  i = -(aRollLi.width()+8)*aRollLi.length/2;
	       }
		}
    };
	
	var aRollLi = $('.cutroll ul li');
	roll();
	var timer = setInterval(roll,10);
	
	oRoll.mouseenter(function() {
		clearInterval(timer);
	});
	oRoll.mouseleave(function() {
		timer = setInterval(roll,10);
	});
});
function checkForm(){
      if($('.name').val() == ''){
      alert("请输入姓名！");
      $('.name').focus();
      return false;
   }
   if($('.sex').val() == '请选择'){
      alert("请选择性别！");
      return false;
   }
   if($('.nationality').val() == ''){
      alert("请输入国籍！");
      $('.nationality').focus();
      return false;
   }
   if($('.passport').val() == ''){
      alert("请输入护照号码！");
      $('.passport').focus();
      return false;
   }
   if($('.address').val() == ''){
      alert("请输入通讯地址！");
      $('.address').focus();
      return false;
   }
   if($('.phone').val() == ''){
      alert("请输入联系电话！");
      $('.phone').focus();
      return false;
   }
   var myreg = /^(((13[0-9]{1})|159|153|158|157|156|155|189|188|180|170|187)+\d{8})$/;
   if(!myreg.test($('.phone').val())){
      alert("请输入正确的联系电话！");
      $('.phone').focus();
      return false;
   }
   if(!(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test($('.email').val()))){ 
      alert("请输入正确的邮箱"); 
      $('.email').eq(0).focus(); 
      return false;
   }
   if($('.type').val() == '请选择'){
      alert("请选择报读类型！");
      return false;
   }
};
$(function(){
	$('.reset').click(function(){
	   	$('.name').val('');
		$('.nationality').val('');
		$('.passport').val('');
		$('.address').val('');
		$('.phone').val('');
		$('.email').val('');
		$('.beizhu').val('');
		$('.name').focus();
	});
});
$(function(){
    $('.side_nav a').eq($('.side_nav a').length-1).css('border-bottom','none');
})
$(function(){
	new slide("#main-slide","cur",310,260,1);//焦点图
	new SwapTab(".SwapTab","span",".tab-content","ul","fb");//排行TAB
})
</script>
</body>
</html>

